<template>
  <!-- 数据为空占位 -->
  <div class="g-emptybox">
    <img src="/images/nodata.png" alt="">
    <div class="txt">{{emptyText}}</div>
  </div>
</template>

<script setup>
import { reactive, ref, onMounted } from 'vue';
import { ExclamationCircleFilled } from '@ant-design/icons-vue';


const props = defineProps({
  emptyText:{
    type:String,
    default: '暂无相关数据'
  }
});
</script>

<style scoped>
.g-emptybox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  background-color: #fff;
}

.g-emptybox .txt {
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}

.g-emptybox img {
  display: block;
  width: 257px;
  margin: 0 auto 20px;
}
</style>